<template>
    <div class="BasicSty">
        <el-tabs v-model="activeName" type="card">
            <el-tab-pane label="部门管理" name="depmanager">
                <DepManager></DepManager>
            </el-tab-pane>
            <el-tab-pane label="职位管理" name="posmanager">
                <PosManager></PosManager>
            </el-tab-pane>
            <el-tab-pane label="职称管理" name="joblevelmanager">
                <JobLevelManager></JobLevelManager>
            </el-tab-pane>
            <el-tab-pane label="奖惩规则" name="ecmanager">
                <EcManager></EcManager>
            </el-tab-pane>
            <el-tab-pane label="权限组" name="permissionmanager">
                <PermissionManager></PermissionManager>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import DepManager from "../../components/sys/basic/DepManager";
    import EcManager from "../../components/sys/basic/EcManager";
    import JobLevelManager from "../../components/sys/basic/JobLevelManager";
    import PermissionManager from "../../components/sys/basic/PermissionManager";
    import PosManager from "../../components/sys/basic/PosManager";

    export default {
        name: "SysBasic",
        data() {
            return {
                activeName: 'joblevelmanager'
            }
        },
        components: {
            /**
             * 正常来说组件注册是：  "DepManager":DepManager,左边引号里可自定义，右边声明组件，在引用时
             * 可以使用自定义名；当然可以直接声明，这样就得用组件名字
             */
            DepManager, EcManager, JobLevelManager, PermissionManager, PosManager
        }
    }
</script>

<style scoped>

</style>